<!doctype html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<title></title>
	<meta name="description" content="">
	<meta name="author" content="">

	<meta name="viewport" content="width=device-width,initial-scale=1">

	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/skeleton.css">
	<link rel="stylesheet" href="css/custom.css">

	<script src="js/libs/modernizr-2.0.6.min.js"></script>
</head>
<body>
	<div id="header-container">
		<header class="wrapper clearfix">
			<h1 id="title">Flores y frutas</h1>
			<nav>
				<ul>
					<li><a href="/cart" title="Finalizar compra">Finalizar&nbsp;compra</a></li>
					<li><a href="/cart" class="cart" title="Carro (0)">Carro (0)</a></li>
					<li><a href="/account" title="Mi cuenta">Mi cuenta</a></li>
				</ul>
			</nav>
		</header>
	</div>
	<div id="main-container" class="container content">
		<div id="main" class="wrapper clearfix">
			
			<article>
				<section>
					<h1>article header h1</h1>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec.</p>
				</section>
				<section>
					<h2>article section h2</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
				</section>
				<section>
				
					<div class="one-third columns thumbnail">
						<a href="/products/vanilla-coconut" title="Vanilla Coconut">
							<img src="img/fruitflowers.jpg" alt="Vanilla Coconut" />
							<div class="info">                                              
								<span class="price">
									<span class="was_price">$4.50</span>
									$3.50
								</span>
								<span class="title">Vanilla Coconut</span>
							</div>
							<div class="sale">Sale</div>
						</a>

						<div data-rel="#product-66630412" class="quick_shop action_button">
							Quick Shop
						</div>

						<div class="modal" id="product-66630412">
							<div class="nine columns alpha modal_image">
								<img src="img/fruitflowers.jpg" alt="Vanilla Coconut" />
							</div>
							<div class="five columns">
								<h3>Vanilla Coconut</h3>

								<p class="modal_price">
									<span class="was_price">$4.50</span>
									<span class="current_price">$3.50</span>
								</p>
								<p>
									Vanilla cake filled with vanilla custard topped with vanilla cream cheese frosting and toasted shredded...
								</p>
								<p>
									<a href="/products/vanilla-coconut" class="view_product_info" title="View Vanilla Coconut Details">View full product details &rarr;</a>
								</p>
								<form action="/cart/add" method="post" class="clearfix" id="product-form-66630412">
									<input type="hidden" name="id" value="160117402" />
									<div class="select">
										<label for="quantity">Quantity</label>
										<input type="number" min="0" size="2" class="quantity" name="quantity" id="quantity" value="1" />
									</div>
									<div class="purchase clearfix">
										<input type="submit" name="add" value="Add to Cart" id="add-to-cart" class="action_button" />
									</div>
								</form>
								<script type="text/javascript">
								// <![CDATA[  
								/*
								$(function() {
									var selectCallback = function(variant, selector) {
										$product = $('#product-' + selector.product.id);

										if (variant && variant.available == true) {
											if(variant.price < variant.compare_at_price){
												$('.was_price', $product).html(Shopify.formatMoney(variant.compare_at_price, "${{amount}}"))        
											} else {
												$('.was_price', $product).text('')
											} 
											$('.current_price', $product).html(Shopify.formatMoney(variant.price, "${{amount}}"))
											$('#add-to-cart', $product).removeClass('disabled').removeAttr('disabled').val('Add to Cart');
										} else {
											var message = variant ? "Sold Out" : "Out of Stock";    
											$('.was_price', $product).text('')
											$('.current_price', $product).text(message);
											$('#add-to-cart', $product).addClass('disabled').attr('disabled', 'disabled').val(message); 
										}
									};
								});
								*/
								// ]]>
								</script>
							</div>
						</div>
					</div>
					<div class="one-third columns thumbnail">
						<a href="/products/vanilla-coconut" title="Vanilla Coconut">
							<img src="img/fruitflowers.jpg" alt="Vanilla Coconut" />
							<div class="info">                                              
								<span class="price">
									<span class="was_price">$4.50</span>
									$3.50
								</span>
								<span class="title">Vanilla Coconut</span>
							</div>
							<div class="sale">Sale</div>
						</a>

						<div data-rel="#product-66630412" class="quick_shop action_button">
							Quick Shop
						</div>

						<div class="modal" id="product-66630412">
							<div class="nine columns alpha modal_image">
								<img src="img/fruitflowers.jpg" alt="Vanilla Coconut" />
							</div>
							<div class="five columns">
								<h3>Vanilla Coconut</h3>

								<p class="modal_price">
									<span class="was_price">$4.50</span>
									<span class="current_price">$3.50</span>
								</p>
								<p>
									Vanilla cake filled with vanilla custard topped with vanilla cream cheese frosting and toasted shredded...
								</p>
								<p>
									<a href="/products/vanilla-coconut" class="view_product_info" title="View Vanilla Coconut Details">View full product details &rarr;</a>
								</p>
								<form action="/cart/add" method="post" class="clearfix" id="product-form-66630412">
									<input type="hidden" name="id" value="160117402" />
									<div class="select">
										<label for="quantity">Quantity</label>
										<input type="number" min="0" size="2" class="quantity" name="quantity" id="quantity" value="1" />
									</div>
									<div class="purchase clearfix">
										<input type="submit" name="add" value="Add to Cart" id="add-to-cart" class="action_button" />
									</div>
								</form>
								<script type="text/javascript">
								// <![CDATA[  
								/*
								$(function() {
									var selectCallback = function(variant, selector) {
										$product = $('#product-' + selector.product.id);

										if (variant && variant.available == true) {
											if(variant.price < variant.compare_at_price){
												$('.was_price', $product).html(Shopify.formatMoney(variant.compare_at_price, "${{amount}}"))        
											} else {
												$('.was_price', $product).text('')
											} 
											$('.current_price', $product).html(Shopify.formatMoney(variant.price, "${{amount}}"))
											$('#add-to-cart', $product).removeClass('disabled').removeAttr('disabled').val('Add to Cart');
										} else {
											var message = variant ? "Sold Out" : "Out of Stock";    
											$('.was_price', $product).text('')
											$('.current_price', $product).text(message);
											$('#add-to-cart', $product).addClass('disabled').attr('disabled', 'disabled').val(message); 
										}
									};
								});
								*/
								// ]]>
								</script>
							</div>
						</div>
					</div>
					<div class="one-third columns thumbnail">
						<a href="/products/vanilla-coconut" title="Vanilla Coconut">
							<img src="img/fruitflowers.jpg" alt="Vanilla Coconut" />
							<div class="info">                                              
								<span class="price">
									<span class="was_price">$4.50</span>
									$3.50
								</span>
								<span class="title">Vanilla Coconut</span>
							</div>
							<div class="sale">Sale</div>
						</a>

						<div data-rel="#product-66630412" class="quick_shop action_button">
							Quick Shop
						</div>

						<div class="modal" id="product-66630412">
							<div class="nine columns alpha modal_image">
								<img src="img/fruitflowers.jpg" alt="Vanilla Coconut" />
							</div>
							<div class="five columns">
								<h3>Vanilla Coconut</h3>

								<p class="modal_price">
									<span class="was_price">$4.50</span>
									<span class="current_price">$3.50</span>
								</p>
								<p>
									Vanilla cake filled with vanilla custard topped with vanilla cream cheese frosting and toasted shredded...
								</p>
								<p>
									<a href="/products/vanilla-coconut" class="view_product_info" title="View Vanilla Coconut Details">View full product details &rarr;</a>
								</p>
								<form action="/cart/add" method="post" class="clearfix" id="product-form-66630412">
									<input type="hidden" name="id" value="160117402" />
									<div class="select">
										<label for="quantity">Quantity</label>
										<input type="number" min="0" size="2" class="quantity" name="quantity" id="quantity" value="1" />
									</div>
									<div class="purchase clearfix">
										<input type="submit" name="add" value="Add to Cart" id="add-to-cart" class="action_button" />
									</div>
								</form>
								<script type="text/javascript">
								// <![CDATA[  
								/*
								$(function() {
									var selectCallback = function(variant, selector) {
										$product = $('#product-' + selector.product.id);

										if (variant && variant.available == true) {
											if(variant.price < variant.compare_at_price){
												$('.was_price', $product).html(Shopify.formatMoney(variant.compare_at_price, "${{amount}}"))        
											} else {
												$('.was_price', $product).text('')
											} 
											$('.current_price', $product).html(Shopify.formatMoney(variant.price, "${{amount}}"))
											$('#add-to-cart', $product).removeClass('disabled').removeAttr('disabled').val('Add to Cart');
										} else {
											var message = variant ? "Sold Out" : "Out of Stock";    
											$('.was_price', $product).text('')
											$('.current_price', $product).text(message);
											$('#add-to-cart', $product).addClass('disabled').attr('disabled', 'disabled').val(message); 
										}
									};
								});
								*/
								// ]]>
								</script>
							</div>
						</div>
					</div>
				</section>
				<footer>
					<h3>article footer h3</h3>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor.</p>
				</footer>
			</article>
			
			<aside>
				<h3>Carro de compras</h3>
				<p>jcart.</p>
			</aside>
			
		</div> <!-- #main -->
	</div> <!-- #main-container -->

	<div id="footer-container">
		<footer class="wrapper">
			<h3>footer</h3>
		</footer>
	</div>
<script src="js/libs/jquery-1.7.1.min.js"></script>
<!--
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.min.js"><\/script>')</script>

<script>
	var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']]; // Change UA-XXXXX-X to be your site's ID
	(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
	g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
	s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
-->
</body>
</html>
